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Highcharts £— NA 4JavaScript/ E B] — T ARE. 
Highcharts 864% 48 jā £ (RE B97E web Ml uk sk web č REF NIE RH HAE À 
Highcharts få å fett NA A. PAIGE d AREA, 


HighCharts H+ 


FØL - RATE MH Vi 35401234 FÉ (android. IOSĒ) o 
BRA - MSHS, MWF g iPhone/iPad, FRE. 
FER - FER Å. 

42 & - highcharts.js PIX EAR A 35KB ZA, 

EE + P json fr KE 

VA - AER AE FX RE ON 

DUE - LS VEAR 

Bos be LE Six dd Ala kā — m EB. 

ay jg 4 EKOS RP, 

SU. Soen PDF/ PNG/ JPG / SVG MAR 

HE - Bun iat Ex. 

JAR- ARA RED MA, XERBESGLESEISS ; 

NP SUR - MER 4 25 RA ab ABE. 

MF hess - 3 H 75 f É 75 MB LE. 
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te PRJL DE $ AR SEA AREA Highcharts ØYER. 
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RE FG A ART VII EDI HB FH Highcharts, 
Highcharts kú F jQuery, FALLE Highcharts BI Z5 FAN jQuery Fo 
IR Rx jQuery RAT, FALLS AKA Query Ais. 


ZR jQuery 


jQuery BARA LUER LIT SPAT : 


e 1, iji" jquery.com F #jQuery Z. 
e 2, (BEER SIUE (http://cdn.code.baidu.com/) fSjQuery # Yí : 
**http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js** 


AR ABI X 
(FARR RANA, # HTML A GSA jQuery a: 


<head> «script src="/jquery/jquery.min.js"></script> </head> 


(EF) CDN (i) 
ERAES STEEN jQuery Å : 


<head> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquet 


en 





seas Highcharts 


Highcharts “ea FJ LUE H LA R AHTS : 


e 1, iyi" highcharts.com FA, Highcharts Z, 
e 2, AB AREA CDN Hit : http://code.highcharts.com/highcharts.js 


(AFAR RAAT (CHE) 
(FARFAR, Æ HTML A i 5l A Highcharts ft: 


<head> <script src="/highcharts/highcharts.js"></script>  «/head: 


al En] 


(ŒR CDN 
(E F] BAHAY CDN Hbi : 











«head» <script src="http://code.highcharts.com/highcharts.js"></: 


‘| — 








Highcharts fj É 23 
DÉ HBAS HARI SEA Highcharts EK E] KØ ARE, 


SS : QE HTML 3⁄7 H 
IS HTML AE, 81A jQuery fll Highcharts X : 
XE : HighchartsTest.htm 


<html> 

<head> 

<title>Highcharts Af | RS Afe</title> 
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.mir 
<script src="/try/demo_source/highcharts.js"></script> 

</head> 

<body> 

«div id="container" style="width: 550px; height: 400px; margin: 0 < 

<script language="JavaScript"> 

$(document).ready(function() I 


3); 
«/script» 
</body> 
</html> 


" _ 
sg VIF id 7j container DI div BF BB Highcharts 24 IB AR. 
BIT: dl ERC X 4 

Highcharts Æf F json KVÆLE. 





$('#container').highcharts(json); 


ix json KI KA json BHAA json MAMASKAG AR SAME : 


FF AN 


7 ARKET : 


var title = ( 
text: "RASE" 


ti 
Fall kr Rū 
73 EL BO al šī : 


var subtitle - ( 
text: 'Source: runoob.com' 
F; 


X 4h 


iÉ ETT X da D, 


var xAxis = ( 
categories (OH ER ER Bu ji EE EU Eu! 
key SES NAET PEN dam EE NES ER. re RT 
3 


X ih 
MESTE Y HETA. 
var yAxis - ( 


title: I 
text: 'Temperature (NxBOC)' 


Jr 
plotLines: [{ 
value: 0, 
width: 1, 
color: '#808080' 
}] 


var tooltip = { 
valueSuffix: '\xBOC' 


} 


KT 
FAROE : 


var legend = { 
layout: 'vertical', 
align: 'right', 
verticalAlign: 'middle', 
borderWidth: 0 


3 
AE 
É AKERS. ST lr An, 1 9578 H REA EXC A BRA 
var series - [ 
{ 


name: 'Tokyo', 
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 
26.5, 23.3, 18.3, 13.9, 9.6] 


Jr 
{ 
name: 'New York', 
data 0:270 FS 5:013 220248 
2451720 T 14-1 Bab, $2:35] 
Jr 
{ 
name: 'Berlin', 
datas. [079.5056 095 5:84 11375. 17007 19:0; 
1729, 14:3, 9:0, 9:9, 1.0] 
Jr 
{ 
name: ‘London, 
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 
16.6, 14.2, 10.3, 6.6, 4.8] 
) 


Aw: QE json Zim 


var json = {}; 


json.title = title; 

json.subtitle = subtitle; 
json.xAxis - xAxis; 

json.yAxis - yAxis; 

json.tooltip - tooltip; 

json. legend legend, 

json.series series; 

Step 4: Draw the chart 
$('#container').highcharts(json); 


3: 191) 
DIT A 52 82 69 3 B(HighchartsTest.htm) : 


<html> 
<head> 
<title>Highcharts Tutorial</title> 
«script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 
«script src="/try/demo_source/highcharts.js"></script> 
«/head» 
«body» 
«div id="container" style="width: 550px; height: 400px; margin: 0 < 
«script language="JavaScript"> 
$(document).ready(function() { 
var title - ( 
text: 'H3EJg5Um' 
>; 
var subtitle = I 
text: 'Source: runoob.com' 
3 
var xAxis - ( 
categories ['-H', '—H', '=H', (HS 'BH', ' 
sj LN Eja oan ss RER bep ESSE klijas 


ti 
var yAxis = ( 
title: ( 
text: 'Temperature (NxBOC)' 
Jr 
plotLines: [< 
value: 0, 
width: 1, 
color: '4808080' 
2] 
a 


var tooltip = { 
valueSuffix: '\xBOC' 
} 


var legend = ( 
layout: 'vertical', 
align: "right", 
verticalAlign: "middle", 
borderwidth: 0 


ti 
var series = [ 
di 
name: 'Tokyo', 
data: GN 226/145 sl 18424 21.5 2512, 
20275. 23:2. 18:3. 19:9 0.61 
Jr 
{ 
name: 'New York', 
data: o 2 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 
24.1, 20.1, 14.1, 8.6, 2.5] 
Jr 
1 
name: 'Berlin', 
data [0207 0:0 73 5 SB. 44185, 17 0, 1967 
11:9 14-23. 9.07 39 10] 
Jr 
{ 
name: 'London', 
data: [29042 5785 1129, 15-2. 17.0, 
16:6, 14.2 1023, 6.6, 4-8] 
) 


1; 
var json = (Y; 


json.title = title; 
json.subtitle = subtitle; 
json.xAxis = xAxis; 
json.yAxis - yAxis; 
json.tooltip - tooltip; 
json.legend legend; 
json.series series; 


$('#container').highcharts(json); 


3); 
«/script» 
«/body» 
«/html» 
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Highcharts Fidi iS 7A 


Highcharts få it m if 29 54 BR 


Highcharts fe X EAIA EA EA, fI DL ES NE HAS RE PB2KNAR, NE 
% KRif 2817 #g Highcharts ME TERS : 


DH Ac É (FR PER RE) 


1. chart.events.addSeries ` HIDE ARH, 

2. chart.events.click : EE DE RAJA A R E FH A AE RS RE BE. 

3. chart.events.load ` I Zn zx E 

4. chart.events.redraw : ARE HEE, 34752 4 ELE X NI RA BN FT LR 
Ro 

. chart.events.selection : 3⁄4 RHA RIERA, SÆR XE YES, ALA 
fib R ix RA, 

6. chart.height : Fra RIÉ få. 

7. chartinverted : RS rb, yes He, 

8. chart.polar : EE AREAK. 

9. chart.reflow : 4ØOKNÅEH, E EIE BL S REDUCING RE e 

10. chart.renderTo : RAMANUE, H HE T DOM o 

11. chart.showAxes ` EZABRH, Æ Em s ds 

12. charttype ` BAA X ES, ĒKU Aline, ig A@bar/column/pie...... 

13. chart.width : ARA BR KNEE, MUA EDS Xe 


14. chart.zoomType ` A rh Zids JR kika X El, FIUlUXšuikk, SELVE 
MX, A LALAXV dy RR MK. 


15. colors: AR RZA, API HAE NA, RITA. 
16. credits.enabled ` ZÉ JÒ + X mhR BE Ro 
17. credits.href : Bux FH # BI EEE, 


18. credits.text : ER Em X Fe 


Wu 


19. exporting.buttons.exportButton.enabled : S Jò i+ Em HHH. 
20. exporting.buttons.exportButton.menultems ` Se Hi fn JR H xe M 


21. 


22. 
23. 
24. 
25. 
26. 
27. 
28. 
29. 
30. 
31. 
32. 
33. 
34. 
35. 
36. 


37. 


38. 
39. 
40. 
41. 


42. 
43. 
44. 
45. 


46. 


exporting.buttons.exportButton.onclick : $ Hi aka £ HEN, PÆRE 
X $Á o 


exporting.buttons.printButton.enabled : ZF tI EN ia, 
exporting.buttons.printButton.onclick : FT EN za ppo AEH. 
exporting.enabled : TES H3 $8 ze B #8 JÈ io 

exporting.filename : 1& 5e Hxc EB X 14 Z. 

exporting.type ` BAS HE RAIN AFS 

exporting.url : SVG AR HAH 5 HAVEN EIS IE, 

exporing.width : FAA HH E] H B RE. 

labels : 4x, oi LINA EA RATE ANE, Er Æitems, style. 
lang: im SHUME, SS RAK LÆRDE, MAMA. 
legend.enabled : SZ, 

navigation.buttonOptions.enabled : HR PRES Án P BT Z E RT RR de 
plotOptions.area.allowPointSelect ` Siren zt, 
plotOptions.area.color : X EJ MÆ. 
plotOptions.area.dataLabels.enabled ` ZF Ri NR 4f Z o 


plotOptions.area.enableMouseTracking ` Eti zr, BHA 
H BR ER VE E 7o 


plotOptions.area.events.checkboxClick : 2g Pg z rh p 3 Fh & JENA FE 
f. 


plotOptions.area.events.click : HERR, AE pc d RE. 
plotOptions.area.events.hide ` BART, Se IU rá NSF. 
plotOptions.area.events.show : BEAR, KHAN) g ad BUR E, 


plotOptions.area.events.legendltemClick : ARR, EQ RE RE RR A 
HØIE, Ēfīntāfalse, WRARH. 


plotOptions.area.events.mouseOut ` AHR = 69 514412 H E14 
plotOptions.area.events.mouseOver ` AERA Eats EQ SR E, 
plotOptions.area.marker.enabled : A& HA p] PER X zs Ei Fo 


plotOptions.area.marker.states.hover.enabled ` Æ b rrie RES kr id K 
A 


no 


plotOptions.area.marker.states.select.enabled ` EG Jb ro REB ETÀ So 


4T. 
48. 
49. 
50. 
51. 
52. 
53. 
54. 
55. 
56. 


57. 
58. 
59. 
60. 
61. 


62. 
63. 
64. 
65. 
66. 


67. 
68. 
69. 


70. 
71. 


plotOptions.area.point.events.click : [E FEH &-— NRBR RAAEN 
plotOptions.area.point.events.mouseOut 
plotOptions.area.point.events..mouseOver 
plotOptions.area.point.events.remove ` MRAR FH ÁU Ray BEH, 
plotOptions.area.point.events.select : B FEH RA FE, 
plotOptions.area.point.events.unselect ` A rh RAGHEB, 
plotOptions.area.point.events.update ` A KÆRE & ^E BEL HSE. 
plotOptions.area.visible ` Haat, BUER ST SAGA Sgr xe r Ro 
plotOptions.area.zindex : TE £ FE2UBS F, 7858 8E— FE PUBSZ. SOUPE 


LL EÅJpoint.events Fl itis FI F H ft X BR (arearange, areaspline, 
areasplinerange) , HR (bar, column) RAMSAR. 


plotOptions.area.showInLegend ` 275171 EX FA E mo 
plotOptions.area.stacking : Sens REL E ES. 
plotOptions.area.states.hover.enabled : MIr X E BATA AS EE RIF. 
plotOptions.area.stickyTracking : frr REI PRESES TE Ro 


plotOptions.arearange, plotOptions.areaspline, plotOptions.areasplinerange 
* [6] FplotOptions.area 


plotOptions.bar.groupPadding : xt-F EAE] Da, EN DA AN A Pio 
plotOptions.bar.grouping ` Z F HE vt £142) 28, 
plotOptions.bar.minPointLength: : EX Spointé dēt, Ex Bie RE HSD 
plotOptions.bar.showInLegend : £ GE EX RA XE mo 


plotOptions.bar.stacking : EN 2, Selz 
(normal/percent) . 


plotOptions.column, plotOptions.columnrange X |5] FplotOptions.bar 
plotOptions.lineB FAKE x (U FplotOptions.arealītiā, 


plotOptions.pie.ignoreHiddenPoint : TE BEA E P, H-—NFNA RER å BIR 
E, ETBBEĒKSU100%DĀ, KER ERA Eri, ZA9a- NER 
Ho 

plotOptions.pie.innerSize : 22 SUR Art, AKA FI ED BY RB ZC Ho 


plotOptions.pie.slicedOffset ` &allowPointSelectz5 SE RH, SARAH, 
HAMRE, ix DS EN ES AES. 


72. 


73. 
74. 
75. 
76. 
TT. 
78. 
79. 
80. 
81. 
82. 
83. 
84. 
85. 


86. 
87. 
88. 
89. 
90. 
91. 
92. 
93. 
94. 
95. 
96. 
97. 


plotOptions.pieM H (th É F Ev SIN x [S] F 
plotOptions.area,plotOptions.scatter, plotOptions.series, plotOptions.spline 
FBK EE 3 (N F plotOptions.arealīt E. 


series ` æ— NA. 

series.data.color ` & — T 4E B ME. 

series.data.dataLabels : 7] rh 3& — 4 TROIS BAJAS s Do 
series.data.events # [S] T plotOptions.area.point.eventsÉ* 4H KEE. 
series.data.marker X E] F plotOptions.area.markerB* il X BOS. 
series.data.name ` Ace Zia «HZ FR. 

series.data.sliced : Rått AT, Fa AI DE PRE UNS 
series.data.x ` zx Bx (A. 

series.data.y : 5ABYyfā. 

series.name : BUR 7] KIA F, 

series.stack : HE å 854328 seal, 

series.type ` BEF FIA Ez £ El, 


series.xAxis, series.yAxis ` HER? Mr tint, BÆR NEO st E ap NAG 
dd. 


subtitle : å A REI TF is Bio 

title : ME A UR A. 

tooltip ` ME AR PAE DET. 
tooltip. valueDecimals : Jb zr BS/Z& RV A, 
tooltip.percentageDecimals : fb iF HD LES RR e f K, 
xAxis, yAxis&ci i É kirī 
allowDecimals : Sri E Z & Jò i4 NER 
categories ` zà— NÅ, Ajn PIG $o 
plotLines : A HI FER, 

tickColor : WE RA, 

tickInterval : XU EER # 14. 

labels.rotation : Zl FE +r Tie 44 ER 


Chart: EP om 


Chart RK ix 
GN 


backgroundColor 
borderWidth 


borderRadius 


renderTo 


defaultSeriesType 


width 
height 


margin 
plotBackgroundColor 


plotBorderColor 
plotBorderWidth 


shadow 
reflow 


zoomType 


events 


Color: Èi 3t 


Color € 3t 


FT ik 


n 


RAF ix É 


I 


N 


ik RR 4x lālt, 


FAX 


EL 


ARKER 

ii E RAE RE 

AB E 3 3⁄2 AE RAAE 
ARENSE, —ižfhtmikikiE — 
DIV, 3& EXDIVÉSidEE | fā 

EA E] X 3 line, spline, area, 

areaspline, column, bar, pie , scatter 
ARTE, HARE ARS Hiēnu RE 
BARRE, HARE ARS RENSE 
EARST ZANE, ZEB, 
4N[0,0,0,0] 

XE EXPE, BX SY El REI X 

Ji BATES Ó 
ERBREVIENME, BX 5 Vid El X 
B^] PCR B 22 HE en És 

FORK MENTE 


E S BHL FEE 
backgroundColor. 


2 d HA EAARKHÄEENTE, WR 
Biziāwidthflheightīt, ABEN AAM 


Ti zb SAR A TT MN, GO X4 Sky sh ETT Li 


HM, LE: X yy 


$h, TH addSerieshik, click75 
ik, Joad Dk, selection ASHEN 
A 


bá 


É 
É 


db E 
H F 


BARNABAS 


PRU (Á 
HFFFFFF 


SA Ti PRIME 
colo BFENnEŠ, TARE HRS gūts, SUBJEX. array 


Highcharts B BA der SEER, MiB PT AH STRAE, SH 
NABER AMSA MARAE, BENET SEBSZT A : 


Highcharts.setOptions(( 
colors: ['#058DC7', '#50B432', '#ED561B', 'HDDDFOO', '#24CBE5', 
'#FFF263', '#6AF9C4' ] 


} ) r 
4 Ce? s 
eee eee eee ee ee ee ee ee ee ee ee eee eee eee eee ee ee 





Title : fr 25 1% ou 


Titler mit x H THÉ E] E BL SVÆRE. 


SE Hé uh ER i^ fü 
text HAMAS. Chart title 
align 7K E xt 3 73 Xe center 
verticalAlign ` E 1É x1 A AX. top 
margin br ki SE R ll RE E FX jaj ÉS ja] EB. 15 

Edža, MR mue, Mur FL ESSE 
ES K, TRES EILER, WS 

A SU (color: 
style ikiBCSSIE Ro '43E576F', 


fontSize: '16px') | 


Subtitle : Blir Mit f 


El ABE Et 7 5 title ABE, SR EG, 1819 dē 
Bl+ text ARKA", BRA, DAME RANT AN ET. 


xAxis ` X4à 3t xj 


X# sk mm FA F å E] RX TRAE, 


BB Hé Jh SUA fü 
2 REX AAR, Bea, IA ` categories: 
Caledon’ l'Apples', ‘Bananas’, 'Oranges'| I 
title Xi Wh, Kiftext, enabled, align, rotation, 
style F BE 
REX E D X HHI style, få 
labels formatter, rotations. SES 
— X4h ix få (categories Zax), MR null, m] nl 
BOA få STR Xie CR ES ab Po fid — NA å. 
TS X mM (categories Æ#t), MR null w m 
BMA SEX UE À a DENE Må. i 
gridLineColor PI (EX) ME HCOCOCO 
gridLineWidth MRA) RE 1 
lineColor BA me #CODOEO 
lineWidth RA RE 0 
yAxis ` Visit oj 
Y #834 M 5 ExhxAxisib ÆRE, bëssen, TE GH. 


Series 


: HE FU o 
Bi PU TF it ER sech SE RR IRE 69 IR E. 


> 


L 


A 


data 


name 


type 


plotOp 


X TEE RASE), ALLA Bea RA JSONTE HIM. 


DU : data:[0, 5, 3, 5], 
% data: [{name: 'Point 1',y: 0), (name: 'Point 2',y: 5}] 
X TA PUB Z Fh. 


HETE, Lit area, areaspline, bar, column, line, pie, scatter or 
spline 


tions ` BUE Rt A 


plotOptions FH Fix É E] RMA REE NE. plotOptions RE A MARE, H 
Ft i E RVE LER, 3194 F TD) HK. 


BR TES AN UE 
EBA * dā dg IR 


allowPointSelect clu t i RER false 


NN 


[E] ERR, Robe formatter: function() (return 


formatter FAR this.y;) 


Tooltip : Zi Re TRE 


Tooltip FA F i É 4 Bg kr EB PAGE Ra f E ZR BJ ez EAS ES. 


BB Ti Eh ir (a 
enabled =O BITE true 
rgba(255, 
backgroundColor iz SIE DCS SS 255, 255, 
85) 
baser slo: LESS Eh i^ Bl ab Pe ELEN) B^) En ate 
borderRadius dez AE 5 
shadow IU mind true 
style RIERA SE, MUGA ES color: H333' 
[5173 ERR, FF mb åa HETER ETA 
formatter Ro REINE Krhtml SD ` <b>, 2 


<strong>, <i>, <em>, <br/>, <span> 


Legend : B Plt sj 
legend FH F ix É H GIA REM, 


SA FAX AA i^ fü 


layout EREA, XS A TFhorizontalflÆ jā vertical ^ horizontal 
align xt FAN. center 
backgroundColor ANERE. null 
borderColor E] 191 32 tem. #909090 
borderRadius E] 191 32 ER E 5 
enabled É À X zn 8 fl true 
floating EHE, ex, VE, false 
shadow EG E BE false 
style RE p] PAS SE " 


BS 20 å Bis & Rhighcharts E XX xc XR : http://api.highcharts.com/highcharts 


Highcharts Hi X 


Highcharts HFH 


DIT ME AZ. BERS H la TT Highcharts MEA. PET 
3E; EGERIT SERE fl : 


5 Pl 
X144 : highcharts line basic.htm 


<html> <head> <title>Highcharts Af | 324 AE (runoob.com)s/title: 
s] P 
DES Mi ME RA i 








a i FE ^ iih 
Source: runoob.com 
30 
Apr 
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Highcharts 7 & 253845 SHARK 


LA F ASE 2 HA AR. FERRIS S D T BR T Highcharts Acie 
IER. ĒTRILKIIRĒT tē Å: 


5 PI 
X F4 ` highcharts line labels.htm 


<html> <head> <title>Highcharts Af | 324 AE (runoob.com)s/title: 
i P 
DES lg ME RA : 





N LA 
un © 


N 
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VI 


emperature 
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un 
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-t- Tokyo  -*- London 


Highcharts SL 11 zx BUE HA AR 


DAR ØVER S FT NR SUR AAR. 32 A H jQuery.getJSON() AM 
Í$ MR csv ME: 


SE E TØRT Highcharts El je A, ĒPRiLKUIKĒTTĒS 
9l : 


& datajs XIX 
sed ux dass sESIAJA js X : 


«script src="http://code.highcharts.com/modules/data.js"></script: 


Bir 
Ac É 


X ih 
DBA A i Fi É X iv: 


var xAxis = { tickInterval: 7 * 24 * 3600 * 1000, // —lā 





Y $h 
DBA A ig Fix i Y zt: 
Adis A D Y: 


var yAxis = [( // Ai Y % title: ( text: null }, labels: < < 
Bi =E] = 





plotOptions 
plotOptions Fd Fix É 4 KÆRE RE X TS VE. 


var plotOptions = ( series: ( cursor: 'pointer', point: < eve 
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Daily visits at www.highcharts.com 


se: All visits -*- New visitorssource: Coogle Analytics 


Highcharts & jj] FIN), mpg B AR 


DIT VE f ÆTF at WHA ELS 
er da rr Highcharts MEE., SEIT 
9l : 


Ác É 


BES 


kåra MM Ro chart.zoomType ÆT FH P AHMAR, AP IDA fi 
BESTK, FIBA EX, yākxy: 


var chart = ( zoomType: 'x' 1; 


plotOptions 
(EFA plotOptions Hea REE : 
RÉ AN Y: 


var plotOptions = ( area: ( fillColor: ( linearGradient: { x1: 





plotOptions 
plotOptions Fd Fix É HK H ABE a fH X F VE. 


var plotOptions = ( series: ( cursor: 'pointer', point: { eve 
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X144 : highcharts line time.htm 
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USD to EUR exchange rate from 2006 through 2008 


Click and drag in the plot area to zoom in 
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BITE ØLET TS X bn Bl HZ Re 
Fi ERIN $ la T #2 7 Highcharts Biss. fETHLKNHENTER 
Zi : 


Ac É 


Ec É 4 X X: type 7; spline, chart.type BA "line", 
Acie X 4814. inverted KE true El X i, SA false. 


chart var chart = ( type: 'spline', inverted: true }; 
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Atmosphere Temperature by Altitude 


According to the Standard Atmosphere Model 
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Highcharts + ris EB ZX A 


EURSBUESII iso HAB. 
FERNS $ la TART Highcharts LE Sk. FE PAL RM RE Ti 


É, 


Ac É 


FK 1148 FH marker.symbol FE ES sió, tit ALLE 'sguare', 'diamond' zx AA 
url, 435 FT ELSE E MASSA RLE : 


var series: [{ name: 'Tokyo', marker: ( symbol: 'square' }, de 


Al = 
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Source: WorldClimate.com 
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DIT ØVER Y TR HA P o 
FERNS $ la TØRT Highcharts ME., dE THE Ti 


É, 


Ác É 


(EF) yAxis.plotBands BÆRE. RAGE AER 'from' fl 'to Bt. BE 
ERA 'color BIE. 5 HESS FH label Ft, 


Acie å À : 


var yAxis = ( title: ( text: ‘Wind speed (m/s)' j, min: 0, mir 


RS 
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Wind speed during two days 


October 6th and 7th 2009 at two locations in Vik i Sogn, Norway 
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Highcharts 44 H jā få Å] & 
NFS IZ T at A BEAR. 


FERNS S la TART Highcharts ME., ĒTKiILKIIKĒ SF AUI BO 
iB. 
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Snow depth at Vikjafjellet, Norway 


Irregular time data in Highcharts JS 
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DIT ØVER S HERE Å. 
FERNS $ 2/8 TART Highcharts Beis. dE PAL RM RE FIR 


É, 


Ac É 


BOS yAxis.type 3 ‘logarithmic’, BÆLT x å FRI, Flitfā A "linear", 
"logarithmic", "datetime" EX "category". FANE linear, 


yAxis var yAxis = ( type: 'logarithmic', minorTickInterval: 0.1 
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Highcharts EAR i A 


EF BEH I Ear KIN. 


BERMAN $ 52 J $£ 7 Highcharts RAAB. HE PR LR RE TE 
BUR : 


hå 
chart 
chart.type BO NR Ti el EL, BiH "line", ABD REA ‘area’. 


var chart = ( type: 'area' }; 


5 BI 
X F4 : highcharts area basic.htm 
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US and USSR nuclear stockpiles 

Source: thebulletin.metapress.com 
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Highcharts få a ARE mg 


LIT 3: DVDER TER fi KR EA. 
REDE Oe J #@ 7 Highcharts AE, TE PR LR RE THE 
BY S BI : 
> (i 
Xf : highcharts area negative bim 
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Area chart with negative values 
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Highcharts i ais 


DAE ØVER SHES KAA. 
HERNES Ÿ 2 TRI Highcharts BABB. HRRILKNKS RR 
ES. TE plotOptions FSI stacking Blt : 


Ac É 


plotOptions : Miz Rita 


plotOptions FH Fix BARNA AHAB. plotOptions RES Ma RX i EL, H 
IE EM Esc, 


EE A RHE i plotOptions.area.stacking X "normal", MR RH SER 
null, AMRA "percent" #4 m RADE. 


var plotOptions = ( area: ( stacking: 'normal', lineColor: ` "ët 


El — — R8 
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Historic and Estimated Worldwide Population Growth 
by Region 


Source: Wikipedia.org 
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Highcharts AD FECE å KIRA 


DES BUR Y Anti KRA., 
HERNES Ÿ 2 TRI Highcharts RABBI. HRRILKNKS RR 
ES. TE plotOptions HANN stacking RI : 


Ác É 


plotOptions : BUE REA 


plotOptions FH Fix É E] KF DES EUR E, plotOptions RES Php x i EU, H 
IE ii Bt tS ÉR, 


EE E EH i plotOptions.area.stacking X "percent", IRA & (E FH 
null, 


var plotOptions = ( area: { stacking: 'percent', lineColor: 'Hé 


D = så 
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XE : highcharts area percentage.htm 
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Historic and Estimated Worldwide Population Growth 
by Region 


Source: Wikipedia.org 
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Highcharts £ RÉ Kik A 


AR BERT £ RX Ho 


HERNES Ÿ 2 TRI Highcharts RABBI. HRRILKNKS RR 
DUBOS. f£ chart FANN spacingBottom F. 


chart fl iÉ 
RE chart DI spacingBottom Blix É 30, ÅT E F ia] FY jaj Baa PK o 


var chart = ( type: ‘area', spacingBottom: 30 }; 


x Pl 
X1+4 ` highcharts area missing.htm 
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Highcharts [x £x 5 yi 


DIT BUS I Rx Sy th R ik E o 


ERS S EZ TART Highcharts RAAB. TE PR L RM RE rĒtt 
BELE, Æ chart FIN inverted BE. 


chart fl iÉ 
# chart ÉS inverted BIER É 7j true, X44 4 F É, Y $8 AKT, 


var chart = ( type: ‘area', inverted: true }; 
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Average fruit consumption during one week 


Monday 
Tuesday 
Wednesday 
Thursday 
Friday 


Saturday 





Sunday 


0 2 4 6 8 10 12 14 


Number of units 


Highcharts E irxib yh 49 


W3School Highcharts HE 


Highcharts HA piske 


LIT HET T HAR SA. 


FERNS S EZ J EE 7 Highcharts BABA. TE PR LR RE THE 
DUBOIS. TE chart FEW type BIE. 


chart ME 


Y$ chart DI type BIE E > areaspline, chart.type HT BR EE, Rian 
"line", 


var chart = ( type: 'areaspline' }; 
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X : highcharts area spline.htm 
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Average fruit consumption during one week 
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Highcharts [X ja) KEH 


INE RAAR T Ria KA. 


Bi TERNS $ la J HT Highcharts RA REG A, TPRirkiiīkē rĒtt 
DUBOS. Æ chart FEA type BE. 


chart ME 


# chart ÉS type 8 Fix É 7; arearange, chart.type MBA SARAH. Miter 
"line", 


var chart = ( type: 'arearange' }; 
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X fF : highcharts area range.htm 
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Temperature variation by day 
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Highcharts få Fi < jg] 41 2x ÅR EA) 


LIT Sz BUS T AE R R jāj #0 23 89 RE Qu 


BER MAS $ 02 J $£ 7 Highcharts KÆRE Sk. ĒTPKRiLKIKĒTĒ 
DUBOS. TE chart HB type El. 


chart ME 


JS chart BY type lt ix É arearange, chart.type Hi f ARTE, RUA 
"line", 


var chart = ( type: 'arearange' Jj; 


x Pl 
XE : highcharts area rangeline.htm 
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Highcharts XY A 


Highcharts ARÉ A 


LIT PAR I BART A 


BER MS $ la J $£ 7 Highcharts ERE 35, HB PR LR NRA TE 
B Acie. 


hå 
chart À É 
i&i& chart Å type BI % bar, chart.type fxh SARAH. SAU 48 237 "line", 


var chart = ( type: 'bar' }; 


5 BI 
XE : highcharts bar basic.htm 
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Historic World Population by Region 


Source: Wikipedia.org 


Africa mm 133 


America ME 156 





Asa Es 947 
Europe mm 408 


Oceania 


0 500 1000 1500 2000 2500 3000 3500 4000 4... 


Population (millions) 


Highcharts RA RH H 


56 


Highcharts HE 4 RH El 


IVE BUR I HE É TEE. 


BERS $ la J $£ Highcharts RAAB. E PR LR RE TE 
DUBOS. 


BC É 


plotOptions 


Ec É att å (EF plotOptions.series.stacking, 3 ik É % "normal", (IRBE 2 
RE null, "normal" Hit AA EEA, "percent" BE & nH E3423 Eb. 


var plotOptions = ( series: ( stacking: 'normal' ) }; 
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Xf F4 : highcharts bar stacked.htm 
<html> <head> <title>Highcharts A# | * &ZXfe(runoob.com)«/title: 
ul mm 
NES låg HER» : 





W3School Highcharts XS 


Historic World Population by Region 
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Highcharts X IH RH El 
DIT BLE TARA, EISE. 
5 Pl 

Xf Ff : highcharts_bar_negative.htm 
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Highcharts RAHA 


LIT BLE I EMEA. 


BER MS $ da J $£ 7 Highcharts ERE 35. E DR LR NRA TE 
B ROB, 


Ác É 


chart ME 


i&i& chart DÉI type ÆI 7; column, chart.type f&xh ARAB. Rian 
var chart = ( type: 'column' }; 


3: P 
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BEH VER uí 
Source: runoob.com 
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Highcharts A få AW RA 


AFSØGER F 8 f BUREN Qu 


BERS $ la THT Highcharts ERE 35. HE PR LR RE TE 
B ROB, 


Ác É 


chart ME 


i&i& chart DÉI type ÆI 7; column, chart.type HÆ T Ez EL. Rian 
var chart = ( type: 'column' }; 


5 PI 
X F4 ` highcharts column negative.htm 
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Highcharts HE 4472 A 


LIT ØVER F ES HÆR. 
HERNES Ÿ 2 TT Highcharts RABBI. HRRILKNKS RR 
ES. TE plotOptions HANN stacking Blt : 


Ác É 


plotOptions : ZU Rita 


plotOptions FH Fix BARNA EE E, plotOptions RES Php x kā, H 
IE ii Bt tS ÉR, 


EE RÉ i plotOptions.area.stacking X "percent", MR RH & (E FH 
null, 


var plotOptions = ( column: < stacking: 'normal', dataLabels: 


al 0E 
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Highcharts 1 z AHA 


DAR > BEA T 3E ē ARB Re 
HERNES Ÿ 22 TRI Highcharts RABBI. HRRILKNKS PFH 
DUBOIS. f£ plotOptions FR3JII stacking BIE : 


Ác É 


plotOptions ` ZX HE mit 


plotOptions A Fix E eee St. plotOptionstRiE d Ma XX HE, H 
Jt i IB RR IUE LER 


Boi aS ir plotOptions.area.stacking 4 "percent", RAHA (i FH 
null. 


var plotOptions = ( column: < stacking: 'normal', dataLabels: 


series SEN mace 
Bui 4 tam Tx m HAE San . 





series: [{ name: 'John', data: [5, 3, 4, 7, 2], stack: ‘ma: 
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Total fruit consumption, grouped by gender 
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Highcharts (E Å E 4 LIEBE É HÆR 


DIT BEH Y ER BD IE SAR B. 
HERNES Ÿ 22 TRI Highcharts RABBI. HRRILKNKS TEE 
DUBOIS. f£ plotOptions HR IN stacking BIE : 


Ác É 


plotOptions : BUE REA 


plotOptions FH Fix É eee St. plotOptionstRiE d Ma XX HE, H 
Jt i IB RR IUE LER 


Hå EJ R £ XIE plotOptions.area.stacking 7; "percent", JORMA SER 
null, 


var plotOptions = ( column: < stacking: ''percent' j| 1; 
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LUF ØVER T kr e HERA o 


BER AS $ da T $£ 7 Highcharts RAAB. E PR LR RE TE 
Aad. 7 dataLabels FYN rotation BIE : 


Ác É 


dataLabels ` Zi 4 
dataLabels EY Å LES y HE 4 8. 


XC 74 Hie 44 12 BH rotation BIER E, ii FT EB it H (tb [8 KA vk 2B ES 
=, lā, ES, 


dataLabels = < enabled: true, rotation: 4-90, color: '#FFFFFF', 


l ' i B 
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Highcharts if 4 2a 47% 
DUB ØVER T HE HR. 


RNE $ 52 J RT Highcharts RABI, E PR LR RE TE 
HE. 7 drildown PX) series BIE : 


Ác É 


drilldown : [E] F446 HY 
drilldown AFF FA EE, RA RE MEUR A SUR, 


drilldown: { series: drilldownSeries } 
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«html» <head> <title>Highcharts A# | * &ZXfe(runoob.com)«/title: 
Browser Version Total Market Share 
Microsoft Internet Explorer 8.0 26.61% 
Microsoft Internet Explorer 9.0 16.9696 
Chrome 18.0 8.0196 

Chrome 19.0 7.7396 

Firefox 12 6.72% 

Microsoft Internet Explorer 6.0 6.4096 
Firefox 11 4.72% 

Microsoft Internet Explorer 7.0 3.55% 
Safari 5.1 3.5396 


Firefox 13 2.16% 
Firefox 3.6 1.8796 
Opera 11.x 1.30% 
Chrome 17.0 1.1396 
Firefox 10 0.9096 
Safari 5.0 0.85% 
Firefox 9.0 0.65% 
Firefox 8.0 0.55% 
Firefox 4.0 0.50% 
Chrome 16.0 0.45% 
Firefox 3.0 0.36% 
Firefox 3.5 0.36% 
Firefox 6.0 0.32% 
Firefox 5.0 0.31% 
Firefox 7.0 0.29% 


Proprietary or Undetectable 0.29% 


Chrome 18.0 - Maxthon Edition 0.26% 
Chrome 14.0 0.25% 
Chrome 20.0 0.24% 
Chrome 15.0 0.18% 
Chrome 12.0 0.16% 
Opera 12.x 0.15% 
Safari 4.0 0.14% 
Chrome 13.0 0.13% 
Safari 4.1 0.12% 
Chrome 11.0 0.10% 
Firefox 14 0.10% 
Firefox 2.0 0.09% 
Chrome 10.0 0.09% 


Opera 10.x 0.09% 
Microsoft Internet Explorer 8.0 - Tencent Traveler Edition 0.0996 
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Highcharts El E 7h BEE 


DES BØLER T BE BER? B. 

Bi RMN e % 04 TART Highcharts RABBI. TRINE FE 
DUBOIS. TE series FANN pointPlacement MM pointPadding ME. 
series.pointPadding 

HEN BEBE, 3ihighchartsE] ši REISIXEBS IS ZU F, RA, FFE 
ERD, RE AR, ERGAB 40.1 

series.pointPlacement 


(HHB A, % pointPlacement 25 i& 7j "on" sd, Xs. L ÉI os ha MR 
pointPlacement iš É # "between", 71 Z ja] T Il St 43 76 F o 


f£ Highcharts 3.0.2 FRA, pointPlacement TAZE, 0 44 EAT, -0.5 


Zë Dër bia la, 05% 481445 F— MAMA. ^e axe 
ÉX A, BFRERN hånd ji BS NS. 


series: { name: 'Employees', color: 'rgba(165,170,217,1)', data 


ibo : 


3:81 


X F4 ` highcharts column fixed.htm 





<html> <head> <title>Highcharts Å | 34 HE (runoob.com)s/title: 
sli D 
NES låg HERD : 





W3School Highcharts XS 


Efficiency Optimization by Branch 


200 400 
150 300 
$ 
x 
o 100 200 
a 
E 
LJ 
50 100 
Seattle HQ San Francisco Tokyo 


M Employees IMM Employees Optimized HH Profit HN Profit Optimized 


Highcharts AE fb Fej ET Å 


(suori) 31044 


77 


Highcharts få FH HTML RÉ ZI THÉ El 


VAF SØGE F EF HTML BE HE A 


BERS p la J $£ 7 Highcharts RAAB. E PR LR RE TE 
Møte, 4 data FANN table ME, 


data 


BURR ae å T 22 e BED AF AISNE, RM LER ØIEN CVS, HTML X 
Få LE MB LE FRESER, 


data.table 


Html KA Hi Eid, Hut SH data.table REENA. TAA Bit K 
startRow, endRow, startColumn fl endColumn , 


data: < table: 'dataTable' } 
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Highcharts [X HF 


LIT BERT K BS. 


BER MMS $ la J $£ 7 Highcharts AE 35, E PR LR RE TE 
B ROB, 


chart ME 


BOS chart ÉS type 7; 'columnrange' . chart.type fxh T ARZE, Rian 
"line", 


var chart = ( type: 'columnrange', inverted: true |; 
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Temperature variation by month 


Observed in Vik i Sogn, Norway, 2009 
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Highcharts 4 Ej 


Highcharts À 5 EJ 


ATRAN T NARA. 


BER MMS $ da J #@ 7 Highcharts AE 35, HE PR LR RE TE 
B ROB, 


hå 
series LE 
ix É series DÉI type Bli pie, series.type fxh 7 SUE KE, Ria "line". 


var series = ( type: 'pie' }; 


5 BI 
XE : highcharts pie basic.htm 
<html> <head> <title>Highcharts Å | 3&&ZXfe(runoob.com)«/title: 
l mS 
DES Mia HÆR» : 





W3School Highcharts XS 


2014 te UE då ri Yy ni Hi kt i 


Others%: 0.7 % 





Opera%: 6.2 % 
Safari: 8.5 % — 


Chrome%: 12.8 % 


IE: 26.8 % 


Highcharts SS 


` Firefox%: 45.0 % 


Highcharts.com 


83 


Highcharts £ zn E Hil tt 


EARS DUSmIXmEPIUS. 


BER MMS $ la J $£ 7 Highcharts RABI. HE DR LR RE TFA 
DUBOS. 


ce 
series ME 
ix É series DÉI type BI pie, series.type fxh 7 SUE KE, Ria "line". 


var series = ( type: 'pie' }; 


plotOptions 


plotOptions få FH plotOptions.pie.showInLegend Ft # ix EES Y zn AH. 


var plotOptions = ( pie: ( allowPointSelect: true, cursor:  'po: 


4 — 7H 
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XE : highcharts pie legends.htm 





<html> <head> <title>Highcharts Af | 3 5 AE (runoob.com)s/title: 
SES D 
DES Mi ME RA : 





W3School Highcharts XS 
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Highcharts.com 


Highcharts £ zr [E Plat 
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Highcharts [5] 37 


LUF HET T SB. 


BERS $ la J $£ 7 Highcharts RAAB. HE PR LR NRA TE 
B ROB, 


FB É 
chart À É 
i&i& chart BY type EJE pie chart.type Èi 5 ORE, BiH "line", 


var chart = { type: 'pie' A: 


5 BI 
X144 : highcharts pie donut.htm 
<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
1 
DLE SP HÆR» : 





W3School Highcharts XS 


Browser market share, April, 2011 


11x: 1.65% > 
PRE | MSIE 6.0: 10.85% 


Safari 4.0: 1.42% 






Safari 5.0: 4.55% 
MSIE 7.0: 7.35% 


Chrome 10.0: 9.91% 


Firefox 4.0: 5.43% o 


Firefox 3.6: 13.12% 
MSIE 8.0: 33.06% 


Firefox 3.5: 1.58% 


MSIE 9.0: 2.81X ` 
Highcharts.com 


Highcharts F] 4 
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Highcharts +4 [F] 37 


VAR PET T IBI SB. 


BERS $ la J $£ 7 Highcharts RAAB. E PR LR RE TE 
DUBOS. 


BC É 


series fil É 


i&i& series DÉI type lt 7 pie series.type fxh "ën K EN, AE % "line", Bo 
É BE AA ME innerSize BE E 34 innerSize: '50%', 


var series = ( type: 'pie', innerSize: '50%' }; 


5 Pl 
X F4 : highcharts pie semicircle donut.htm 


<html> <head> <title>Highcharts Af | RS AE (runoob.com)es/title: 
I BS 
NES låg HER» : 





Browser 
shares 





Highcharts [É] F 45 Bt 
DL TF $ FUR T FAS A. 


BER MS $ la f $£ 7 Highcharts ERE 35, EE PR LR RE TE 
B BOB, 


Ác É 


drilldown fj É 
drilldown AFA PARESE, Bit å KUR AM EPER. 


drilldown: { series: drilldownSeries ) 


3:81 


X144 : highcharts pie drilldown.htm 


<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
Microsoft Internet Explorer 8.0 26.61% 
Microsoft Internet Explorer 9.0 16.9696 
Chrome 18.0 8.0196 

Chrome 19.0 7.73% 

Firefox 12 6.72% 

Microsoft Internet Explorer 6.0 6.4096 
Firefox 11 4.7296 

Microsoft Internet Explorer 7.0 3.5596 
Safari 5.1 3.5396 

Firefox 13 2.16% 

Firefox 3.6 1.87% 

Opera 11.x 1.3096 

Chrome 17.0 1.13% 

Firefox 10 0.90% 

Safari 5.0 0.85% 


Firefox 9.0 0.65% 
Firefox 8.0 0.55% 
Firefox 4.0 0.50% 
Chrome 16.0 0.45% 
Firefox 3.0 0.36% 
Firefox 3.5 0.36% 
Firefox 6.0 0.32% 
Firefox 5.0 0.31% 
Firefox 7.0 0.29% 


Proprietary or Undetectable 0.29% 


Chrome 18.0 - Maxthon Edition 0.26% 
Chrome 14.0 0.25% 
Chrome 20.0 0.24% 
Chrome 15.0 0.18% 
Chrome 12.0 0.16% 


Opera 12.x 0.1596 
Safari 4.0 0.1496 
Chrome 13.0 0.1396 
Safari 4.1 0.1296 
Chrome 11.0 0.1096 
Firefox 14 0.1096 
Firefox 2.0 0.0996 
Chrome 10.0 0.0996 
Opera 10.x 0.0996 
Microsoft Internet Explorer 8.0 - Tencent Traveler Edition 0.099 


1. Ë 





Highcharts 4 % ot 


IVE BUS T å HB. 


RNE $ la J #@ 7 Highcharts AE 35. HE DR LR RE TE 
DUBOS. 


ce 
colors fil É 
(E FA Highcharts.getOptions().colors IB Kāli AA, 


//BRE&B3JR7E Highcharts.getOptions().colors = Highcharts.map(Highc 
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XE : highcharts pie gradient.htm 





<html> <head> <title>Highcharts Å | 34 HE (runoob.com)s/title: 
DES Mi HAR» : 
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Others%: 0.7 % ` 


Open 6.2% > 





Safari: 8.5% 7 


Chrome: 12. 896 — - 77 Firefox%: 45.0 X 


IE%: 26.8 % 


Highcharts.com 


Highcharts žžī X 3t A 


92 


Highcharts zs 
DLE SOLER T d'EA 


BER MMS ⁄ la J $£ 7 Highcharts RAAB. ĒTPKRiLKIIKĒTĒ 
DUBOS. 


Éd É 
colors Éj É 
(8 HA Highcharts.getOptions().plotOptions.pie.colors EE RE 148 me. 


// iB XE EEXBUBBESIBRUAXER Highcharts.getOptions().plotOptions. ; 
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XE : highcharts pie monochrome.htm 





<html> <head> <title>Highcharts Å | 3s&&ZXfe(runoob.com)«/title: 
FE 
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Browser market shares at a specific website, 2014 


Others%: 0.7 % 
Opera%: 6.2 % 
Safari%: 8.5 % 






Chrome%: 12.8 % — ——-- Firefox: 45.0 % 


IEX: 26.8 % / 


Highcharts.com 


Highcharts £ € /)# E) 
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Highcharts # A El 


ZÉ % HUE HARI Highcharts MARA. 


FERNS $ la TØRT Highcharts ABSA. FE PAL EE P 
Highcharts HEC É, 


Ac É 


chart ME 


SOS chart DÉI type 39 'scatter' , chart.type fxh F ERA, ERU 48 "line". 


chart.zoomType BYE fd ië ARMA , Bid HE ar TAN, Ax byde tír 
HS FARER ` XV XY 


var chart = ( 
type: 'scatter', 
zoomType: 'xy' 


3:81 


X F4 ` highcharts scatter basic.htm 


<html> 
<head> 
<title>Highcharts Af | Æ HÆ (runoob.com)</title> 
«script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 
«script src="/try/demo_source/highcharts.js"></script> 
«/head» 
«body» 
«div id="container" style="width: 550px; height: 400px; margin: 0 : 
«script language="JavaScript"> 
$(document).ready(function() ( 
var chart = < 
type: 'scatter', 
zoomType: 'xy' 


, 
var title = ( 
text: 'Height Versus Weight of 507 Individuals by Gender' 
3; 
var subtitle - ( 
text: 'Source: Heinz 2003' 


bi 


var xAxis - ( 
title: ( 
enabled: true, 
text: 'Height (cm)' 
Jr 
startOnTick: true, 
endOnTick: true, 
showLastLabel: true 
ti 
var yAxis = ( 
title: ( 
text: 'Weight (kg)' 


j 
>; 
var legend = ( 
layout: 'vertical', 
align: 'left', 
verticalAlign: 'top', 
X: 100, 
y: 70, 
floating: true, 
backgroundColor: (Highcharts.theme && Highcharts.theme.legent 
borderWidth: 1 
) 
var plotOptions = ( 
scatter: ( 
marker: I 
radius: 5 
states: ( 
hover: ( 
enabled: true, 
lineColor: 'rgb(100,100,100)' 


marker: I 
enabled: false 


) 

ty 

tooltip: { 
headerFormat: '<b>{series.name}</b><br>', 
pointFormat: '{point.x} cm, {point.y} kg' 


J 
J; 
var series- [( 
name: 'Female', 
color: 'rgba(223, 83, 83, 25)", 
data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [1! 
[170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.: 


[172.5, 55.2], [170.9, 54.2], [172.9, 62.5], 
[147.2, 49.8], 168 2 49.2], [175.0, 73.2], 
[159.5, 50.6], [175.0, 82.5], [166.8, 57.2], 
[174.0, 54.5], [173.0, 59.8], [179.9, 67.3], 
[154.4, 46.2], [162.0, 55.0], [176.5, 83.0], 
[t62.1, 53.6], [170.0, 73.2], [160.2, 52.1], 
[168.9, 62.3], [163.8, 58.5], [167.6, 54.5], 
[167.6, 58.3], [165.1, 56.2], [160.0, 50.2], 
[167.6, 61.0], [160.7, 69.1], [163.2, 55.9], 
[168.3, 54.8], [180.3, 60.7], [165.5, 60.0], 
[156.0, 52.7], [160.0, 74.3], [163.0, 62.0], 
[162.0, 54.7], [166.0, 53.2], [174.0, 75.7], 
[151.1, 48.7], [164.5, 52.3], [163.5, 50.0], 
[164.0, 55.7], [161.2, 54.8], [155.0, 45.9], 
[170.0, 69.4], [162.5, 58.2], [170.3, 64.8], 
[163.2, 59.8], [154.5, 49.0], [159.8, 50.0], 
[161.4, 63.4], [169.0, 58.2], [166.2, 58.6], 
[159.0, 48.6], [162.8, 57.8], [159.0, 55.6], 
[161.0, 53.6], [151.1, 73.2], [168.2, 53.4], 
[171.8, 56.2], [178.0, 70.6], [164.3, 59.8], 
[166.8, 56.6], [172.7, 105.2], [163.5, 51.8], 
[159.5, 47.6], [167.6, 63.0], [161.2, 55.2], 
[162.2, 50.2], [161.3, 60.2], [149.5, 44.8], 
[172.7, 62.0], [155.0, 49.2], [156.5, 67.2], 
[162.8, 58.0], [167.0, 59.8], [160.0, 54.8], 
[158.2, 46.4], [156.0, 64.4], [160.0, 48.8], 
[167.6, 57.8], [156.0, 54.6], [162.1, 59.2], 
[170.5, 64.5], [159.2, 51.8], [157.5, 56.0], 
[160.0, 59.5], [168.9, 56.8], [165.1, 64.1], 
[166.4, 55.0], [160.0, 55.9], [152.4, 60.4], 
[170.2, 55.9], [158.8, 55.5], [172.7, 69.5], 
[167.6, 65.9], [156.2, 58.6], [175.2, 66.8], 
[160.0, 55.9], [165.1, 59.1], [182.9, 81.8], 
[177.8, 60.0], [165.1, 58.2], [175.3, 72.7], 
[172.7, 75.9], [168.9, 55.0], [161.3, 57.3], 
[175.3, 65.5], [157.5, 48.6], [163.8, 58.6], 
[165.1, 62.7], [168.9, 56.6], [162.6, 53.9], 
[168.9, 62.0], [175.3, 63.6], [159.4, 53.2], 
[162.6, 70.5], [167.6, 54.5], [162.6, 54.5], 
[157.5, 63.6], [162.6, 54.5], [152.4, 47.3], 
[172.7, 70.5], [165.1, 60.9], [170.2, 63.6], 
[161.3, 70.5], [167.6, 52.7], [167.6, 62.71, 
[152.4, 67.3], [168.9, 63.0], [170.2, 73.61, 
[160.0, 55.4], [165.1, 104.1], [174.0, 55.5], 
[167.6, 64.5], [167.6, 72.3], [167.6, 61.4], 
[175.3, 63.6], [171.4, 53.4], [157.5, 54.5], 
[174.0, 73.6], [162.6, 61.4], [174.0, 55.5], 
[156.2, 60.0], [149.9, 46.8], [169.5, 57.3], 
[169.5, 67.3], [160.0, 75.5], [172.7, 68.2], 
[176.5, 71.8], [164.4, 55.5], [160.7, 48.6], 


} 1 


name: 'Male', 


1 em fm AS AS PA KN TU 


RR ma nor 


color: 'rgba(119, 152, 191, .5)', 
data: [[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [tt 
[181.5, 74.81, (184.0, 86.4], [184.5, 78.4], [175.( 


[180.0, 76.6], (177.8, 83.6], (192.0, 90.0], [176.1 
[184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0 
[176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.t 
[178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.: 
[183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.: 
[170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.t 
[186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.: 
[182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.: 
[169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.: 
[163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.( 
[177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [173:! 
[167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.( 
[171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.: 
[174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.: 
[180.1, 93.0], (175.5, 80.9], (180.6, 72.7], (184.: 
[180.6, 72.5], (177.0, 72.5], [177.1, 83.4], [181.6 
[175.0, 70.2], (174.0, 73.4], [165.1, 70.5], [177.¢ 
[176.5, 68.4], (169.4, 65.9], (182.1, 75.7], [179.t 
[15450 86.4], [177.3, 73.2], [167.4, 53.9], [178.: 
[157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.: 
[165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.( 
[185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.: 
[177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.: 
[188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.: 
(ee A 75.0], (177.8, 77.7], [179.7, 86.4], [172.: 
[185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.: 
[190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177 
[176.5, 80.2], [177.8, 72-0] [180.3, 71.4], [171.: 
[172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.s< 
[167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.: 
[172.7, 95.9], [190.5, 84.1], [179.1, 87.3]. [1750 
[103-0 95.9], [171.4, 91.4], [177.8, 81.8], [177.: 
[167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.! 
[188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.( 
[171.4, 70.0], (185.4, 81.8], [185.4, 84.1], [188.( 
[182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.: 
[188.0, 82.7], [17573 86.4], (470.5, 67.7], [17990 
[175.3, 70.9], (182.9, 75.0], [170.8, 93.2], [188.0 
[177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.: 
[174.0, 73.9], (167.6, 66.8], (182.9, 87.3], [160.( 
[167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175 
[175.3, 81.8], [179 1, 75.5], [181.6, 84.5], [1774 
[177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176 
[174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.t 
[174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.t 
[180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0 
[170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.! 
[180.3, 83.2], [180.3, 83.2]] 
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var json = {}; 

json.chart = chart; 

json.title = title; 

json.subtitle = subtitle; 
json.legend = legend; 

json.xAxis XAXis; 

json.yAxis yAXis; 

json.series - series; 
json.plotOptions - plotOptions; 
$('#container').highcharts(json); 


3): 
</script> 
</body> 
</html> 
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Highcharts 732 El 


AS % HUE A ARI Highcharts HSE, 
FERNS S CO TART Highcharts eat. ETFKiLKIIKĒ T 
Highcharts F9 fth ādā, 


Ác É 


chart Rúis 
SOS chart DÉI type % 'bubble', chart.type fxh f ERA, ERU 48 "line". 


chart.zoomType RI =J fd iÉ ARMA , Bid feu far TAN, Ax byde HT 
HS FARER ` XV XY 


var chart = ( 
type: 'bubble', 
zoomType: 'xy' 


3:81 


XE : highcharts bubble basic.htm 


<html> 
<head> 
<title>Highcharts Mf | Æ HÆ (runoob.com)</title> 
«script src="http://apps.bdimg.com/libs/jguery/2.1.4/jguery.min 
«script srcz"/try/demo source/highcharts.js"></script> 
«script src="http://code.highcharts.com/highcharts-more.js"></s¢ 
«/head» 
«body» 
«div id="container" style="width: 550px; height: 400px; margin: 0 < 
«script language="JavaScript"> 
$(document).ready(function() { 
var chart = { 
type: 'bubble', 
zoomType: 'xy' 
>; 
var title = ( 
text: 'Highcharts Bubbles' 
3; 
var series- [{ 
data: [[97, 36, 79], [94, 74, 60], (68, 76, 58], [64, t 
} ï 
data: [[25, 10, 87], [2, 75, 59], [11, 54, 8], [86, 55, 


D 
data: [[47, 47, 21], [20, 12, 4], [6, 76, 91], [38, 30, 
) 


li 


var json = {}; 

json.chart chart; 

json.title title; 

json.series = series; 
$('#container').highcharts(json); 


3); 
«/script» 
</body> 
</html> 


DLE se lig HER» : 
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Highcharts Bubbles 


Values 
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© Series 1 © Series 2 `` Series 3 
Highcharts.com 


ÆR 
3D Ad El 
series.marker 
if series.marker #7 Å jL HERJA 3D HMR. 


marker: I 
fillColor: { 
radialGradient: { cx: 0.4 cy: 0.3, r: 0.7 }, 
stops: [ 
[0, 'rgba(255,255,255,0.5)'], 
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).s« 





3: Pl 


XIZ : highcharts bubble 3d.htm 


«html» 
«head» 
<title>Highcharts Af | 3 5 HE (runoob.com)s/titles 
«script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 


Highcharts ^8 FH 102 


«script src="/try/demo_source/highcharts.js"></script> 
«script src="http://code.highcharts.com/highcharts-more.js"></s¢ 
«/head» 
«body» 
«div id="container" style="width: 550px; height: 400px; margin: 0 é 
«script language="JavaScript"> 
$(document).ready(function() { 
var chart = ( 
type: 'bubble', 
plotBorderWidth: 1, 
zoomType: 'xy' 
>; 
var title = ( 
text: 'Highcharts bubbles with radial gradient fill' 
3; 
var XAxis = { 
gridLinewidth: 1 
3; 


var yAxis = { 
startOnTick: false, 
endOnTick: false 


Fr 


var series: [{ 
data: [ 
[9, 81, 63], 
[98, 5, 89], 
Bi SOL erode 
[41, 22, 141, 
[58, 24, 201, 
[78, 37, 341, 
[55575659417 
[18, 45, 701, 
[42, 44, 281, 
[3, 52, 591, 
[31, 18, 971, 
[79, 91, 631, 
[935 23 237 
[44, 83, 22] 
1, 
marker: < 

fillColor: 1 

radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 }, 

stops: [ 

[0, 'rgba(255,255,255,0.5)'], 
[1, Highcharts.Color(Highcharts.getOptionsi 


j 


} { 
data: [ 


[42, 38, 20], 


[6, 18, 11, 

i S, Sll; 

[57, 2, 90], 

[80, 76, 22], 
[11, 74, 96], 
[88, 56, 10], 
[30, 47, 49], 
[57, 62, 98], 
[4, 16, 16], 
[46, 10, 11], 
[22, 87, 89], 
[57, 91, 82], 
[45, 15, 98] 


l, 
marker: ( 
fillColor: ( 
radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 |, 
stops: [ 
[0, 'rgba( 255, 255, 255,0.5)'], 
[1, Highcharts.Color(Highcharts.getOptions| 
] 
) 
) 
) 
1; 
var json = (Y; 
json.chart = chart; 
json.title = title; 
json.xAxis = XAxis; 
json.yAxis = yAxis; 


json.series = series; 
$( '#container').highcharts(json); 


3); 
«/script» 
«/body» 
«/html» 
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Highcharts bubbles with radial gradient fill 


Values 














© Series 1 Ó Series 2 
Highcharts.com 


Highcharts 4:88 105 


Highcharts 34 A 


AE RATE ART 42 Highcharts BI 4 Bo 


FERNS $ la TØRT Highcharts RÉ, EETFKiLKIIKĒ T 
Highcharts FJ fth EE. 


E FT HB El 


chart.events 


chart.event Bt zeit load FA (ARWR) . Æ 1000 EMA EX 
HB mast EX A Ro 


chart: { 
events: { 
load: function () { 
// AREY BAR 
var series = this.series[0]; 
setInterval(function () { 
var x = (new Date()).getTime(), // 4t iq 
y = Math.random(); 
series.addPoint([x, y], true, true); 
), 1000); 
) 
) 
) 


3:81 


X F4 ` highcharts dynamic spline.htm 


<html> 
<head> 
<title>Highcharts Af | HÆ (runoob.com)</title> 
«script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 
«script src="/try/demo_source/highcharts.js"></script> 
«/head» 
«body» 
«div id="container" style="width: 550px; height: 400px; margin: 0 < 
«script language="JavaScript"> 
$(document).ready(function() { 
var chart = < 
type: 'spline', 
animation: Highcharts.svg, // don't animate in IE « IE 10. 


marginRight: 10, 
events: ( 
load: function () I 
// set up the updating of the chart each second 
var series - this.series[0]; 
setInterval(function () I 
var x = (new Date()).getTime(), // current time 
y = Math.random(); 
series.addPoint([x, y], true, true); 
), 1000); 


H 
}; 
var title = { 
text: 'Live random data 
}; 
var xAxis = { 
type: 'datetime', 
tickPixelInterval: 150 


ti 
var yAxis = ( 
title: ( 
text: 'Value' 
Jr 
plotLines: [< 
value: 0, 
width: 1, 
color: '#808080' 
}] 
Ji 


var tooltip = { 
formatter: function () ( 
return '<b>' + this.series.name + '</b><br/>' + 
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br, 
Highcharts.numberFormat(this.y, 2); 


) 
>; 
var plotOptions = ( 
area: ( 
pointStart: 1940, 
marker: I 
enabled: false, 
symbol: 'circle', 
radius: 2, 
states: ( 
hover: ( 
enabled: true 
) 
) 
) 
) 
>; 


var legend = ( 


enabled: false 
J; 
var exporting = < 
enabled: false 
}; 
var series= [{ 
name: ‘Random data', 
data: (function () { 
// generate an array of random data 
var data - [],time - (new Date()).getTime(),i; 
for (i = -19; i <= 0; i += 1) I 
data.push({ 
x: time + i * 1000, 
y: Math. random) 


3): 
n 
return data; 
30) 


jl; 


var json = {}; 

json.chart chart; 

json.title title; 
json.tooltip - tooltip; 
json.xAxis - xAxis; 

json.yAxis = yAxis; 

json.legend - legend; 
json.exporting - exporting; 
json.series - series; 
json.plotOptions - plotOptions; 


Highcharts.setOptions(( 
global: ( 
useUTC: false 
J 


i), 


$('#container').highcharts(json); 


p); 
</script> 
</body> 
</html> 


DLE Se ëng : 





Live random data 


Value 
ee 
— 


JB ind E JOSE 


chart.events 


f£ chart.event BEH JI click DA (ÆR A ROJA ARK E IT E EAA AE) . 
BZAREBRABRKRLKEREN SWIMMER. 


chart: { 
events: { 
click: function (e) { 

JÅ HX Ra d 8245 02 HE H 

var x = e.XAxis[0].value, 

y = e.yAxis[0].value, 

gee = this.series[0]; 
/ OR å Uh BJ Fa 

series.addPoint([x, y]); 


5 Pl 
XE : highcharts dynamic click him 


«html» 


«head» 
<title>Highcharts #12 | 34 A%(runoob.com)</title> 
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 
<script src="/try/demo_source/highcharts.js"></script> 
</head> 
<body> 
«div id="container" style="width: 550px; height: 400px; margin: 0 < 
<script language="JavaScript"> 
$(document).ready(function() { 
var chart = { 
type: ‘scatter’, 
margin: [70, 50, 60, 80], 
events: { 
click: function (e) ( 
// find the clicked values and the series 
var x = e.xAxis[0].value, 
y = e.yAxis[0].value, 
series = this.series[0]; 
// Add it 
series.addPoint([x, yl); 


T 
ti 
var title = < 
text: 'User supplied data' 
ti 
var subtitle = ( 
text: 'Click the plot area to add a point. Click a point to I 
ti 
var xAxis = ( 
gridLinewidth: 1, 
minPadding: 0.2, 
maxPadding: 0.2, 
maxZoom: 60 


3; 
var yAxis = { 
title: ( 
text: 'Value' 
ty 
minPadding: 0.2, 
maxPadding: 0.2, 
maxZoom: 60, 
plotLines: [{ 
value: 0, 
width: 1, 
color: '4808080' 
)] 
>; 


var legend = ( 
enabled: false 

ti 

var exporting = ( 
enabled: false 


>; 
var plotOptions = ( 


series: ( 
linewidth: 1, 
point: I 
events: ( 
'click': function JT 
if (this.series.data.length > 1) ( 
this.remove(); 
) 
) 
) 
) 
) 


(éi 


var series- [( 
data: [[20, 20], [80, 80]] 
3]; 


var json = {}; 

json.chart = chart; 

json.title = title; 
json.subtitle = subtitle; 
json.xAxis = XAxis; 

json.yAxis = yAxis; 

json.legend = legend; 
json.exporting = exporting; 
json.series = series; 
json.plotOptions = plotOptions; 
$('#container').highcharts(json); 


3): 
«/script» 
«/body» 
«/html» 
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User supplied data 


Click the plot area to add a point. Click a point to remove it. 


100 


75 
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Value 


25 





20 40 60 80 


Highcharts.com 


Highcharts 3% A 


112 


Highcharts 2244 


Highcharts 4374, AAA, HAAS 


LF RGR THA, AAA, HAMAS. 


BERMAN S $ la J $£ 7 Highcharts RAAB. EE PR LR NRA TE 
B Acie. 


Ac É 


series fil É 


i&i& series DÉI type Fé E»; column/line/pie , series.type f&xh 7 SURT] 3: A, BERA 
få 3 "line", 


var series = < type: 'column' }; 


5 PI 
X F4 ` highcharts combinations column.htm 


<html> <head> <title>Highcharts Å | * S HE (runoob.com)s/title: 
Elm 
DALE se låg HER» : 





W3School Highcharts žkfē 
Combination chart 


KA 





Values 





2.5 


Wi Al 


Apples Oranges Pears Bananas Plums 





EM Jane MH John Joe © Average 


Highcharts.com 


Highcharts HÆR, ARA, HAAS 


115 


Highcharts XXYis, HÆR, RRA 


DTS BUR Vi, HA, ARAA. 


BERS $ la J $£ 7 Highcharts AME. E PR LR NRA TE 
B ROB, 


Brå 
yAxis frå 
JE yAxis BME PDI RY $8 BIE o 


var yAxis = [{ // 8—£s&Yim X, { // EVE ) JJ 
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X F4 ` highcharts combinations dualaxes.htm 


<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
EM 
DES Silkite RA : 
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RERA FBI GER si 
Source: runoob.com 
30'C 250 mm 













ASC 200 mm 
2 20°C 150 mm 
= A 
B à. 
vo = 
n D 
5 15'C 100 mim ^ 

10*C d 50 mm 

JE T Z D 


EE Ae Dm | p 
> 
P F Ze F d uS of 


> Do quel 
PEL + 
Highcharts.com 


Highcharts XY, HÆR, AR AAS 117 


Highcharts SY S 


ATRAER T SY INA. 


BER MMS $ 52 J $£ 7 Highcharts RARE, HE DR LR RE TFAM 
B ROB, 


Brå 
yAxis frå 
ft yAxis Bt PRS RY HAA © 


var yAxis = [( // B—RVi 1, ( // BY LI // BE 


3:81 


X F4 ` highcharts combinations axes.htm 





«html» <head> <title>Highcharts #í2 | 3&&ZXfe(runoob.com)«/title: 
DES lg ESR A: 





W3School Highcharts žkfē 


Ag FB S dis 
Source: runoob.com 
250mm - 30'C 1028 mb 





200 mm 25'C 1024 mb 
150 mm 20*C 1020 mb isi 
e di 
100 mm 15°C 1016 mb H 

50 mm : — 10'C 1012 mb 

0 mm É. TTT 4 5*C 1008 mb 


NR UM eT 
S GC y e 
FEM FMF Pag PLE 


Highcharts.com 


Highcharts SY AS 119 


Highcharts ARE +R DO [E] Ja Å 


T 3: BER f BAR ER An y ZS. 


BER MMS $ la J $£ 7 Highcharts RAAB. E PR LR NRA TE 
DUBOS. 


BC É 


series LE 


i&i& series DÉI type RRE 3 line/scatter , series.type Hit T BUER) zm BRAA 
var series = { type: ''scatter' |; 


5 PI 
X F4 ` highcharts combinations scatter.htm 

<html> <head> <title>Highcharts Å | * S HE (runoob.com)s/title: 
js] ped 
NES låg HER» : 
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BUJ PA €. s Jn [e] VAK 
5 
4 
3 
$ 
2 
1 
0 | | | | 
0 1 2 3 4 5 
— EM + Wea 


Highcharts.com 


Highcharts f F B EINA Ja 2X 121 


Highcharts 3D Ej 


Highcharts 3D1 E 


LIT 3: BER f DH Es 


BER MMS ⁄ la J BR 7 Highcharts AE 35. HE PR LR RE TE 
B ROB, 


Ác É 


chart.options3d LE 


ELFAUJH T 3D ARAME, KE chart 69 type RR 3 column, options3d i% di 
A jk iB — AUR. 


var chart = ( type: 'column', options3d: ( enabled: true, //# 


2—5] 


3:81 


X144 : highcharts 3d column.htm 





«html» <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
NES låg HER» : 
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KR MEHEK 
Eet S mE 
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| | | 
a» m ig 1" 
| | un 
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3 
^w ma mM T R | 
| Ba 
50 ~ | a" = 
0 9 1211 : | 
0 ik Fn — D 
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d dn 10 
El Series 1 
Highcharts.com 
- 
Highcharts 3D 1% 


124 


Highcharts ;7 22 fā (null) F10X3D HZ 


DAE & ØVER T tr 2248 (null) f0Bg3DTEE A. 

BERS $ la J $£ 7 Highcharts RAAB. E PR LR RE TE 
DUBOS. 

Bl É 


chart.options3d LE 


ELFAUJH T 3D ARAME, KE chart 69 type RR 3 column, options3d i% di 
A jk iB — AUR. 


var chart = ( type: 'column', options3d: ( enabled: true, //# 


2—5] 


3:81 


XE : highcharts 3d column null.htm 





<html> <head> <title>Highcharts Å | šžžifē(runoob.com)</title: 
18 
DAE lig HER» : 
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dm 3D A 
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Highcharts.com 


Highcharts #22 (8 (nullJ&10893D EJ Å 126 


Highcharts if £ 3DHJÉ 


IVE BUS T HE &3DHJE B. 


BERMAN S $ la J $£ 7 Highcharts RAAB. E PR LR RE TE 
B ROB, 


Ác É 


chart.options3d LE 


ELFAUJH T 3D ARAME, KE chart 69 type RR 3 column, options3d i% di 
A jk iB — AUR. 


var chart = ( type: 'column', options3d: ( enabled: true, //# 


2—5] 


3:81 


MEX : highcharts 3d stacking.htm 





<html> <head> <title>Highcharts Å | * S HE (runoob.com)s/title: 
21 8 
NES låg HER» : 





W3School Highcharts XS 


AGREE. FR EH 


8 
2 
0 


Apples Oranges 


KRAE 
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h 


Bananas 


EM John W joe Jane M Janet 


Highcharts.com 


Highcharts H & 3DH A 128 


Highcharts 3D 5f El 


LUF BUS 1 3D B. 


BER MMS $ la TRT Highcharts ERE 35. E PR LR RE TE 
B ROB, 


Ác É 


chart.options3d LE 


DARIUS 3D BM#ZME, KE chart ÉS type EX pie, options3d xe mA i 
iB — EUR. 


var chart = ( type: 'pie', options3d: ( enabled: true, //ZXE 
msg 
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X F4 ` highcharts 20 pie.htm 





<html> <head> <title>Highcharts Å | 34 HE (runoob.com)s/title: 
NES låg HER» : 
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2014 HERE Ak A in d BS tī fī 58 


Chrome Firefox 





Highcharts.com 


Highcharts 3D 5 130 


Highcharts 3D HA 37 


LIT BUS 1 3D B. 


BER MS $ da J #@ 7 Highcharts ERE 35. E PR LR RE TE 
B ROB, 


Ác É 


chart.options3d LE 


ELFAUH T 3D DR KRIS, KE chart ÉS type Blt pie, options3d xe xu] i 
iB — EUR. 


var chart = ( type: 'pie', options3d: ( enabled: true, //ZXE 
pM 





plotOptions.pie.innerSize 

plotOptions.pie.innerSize BF 22 FIRA AR, BØR ESL BAT DBS RES ZE Ho 
plotOptions.pie.depth 

3D H HE RE, 


plotoptions: { pie: { innerSize: 100, depth: 45 } |, 


5 Pl 
XE : highcharts 3d donut.htm 


<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
| I Sr 
DES Mi eR A: 
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BE RAC IX E 
Highcharts 3DAHA 


Grapes (bunch) 
Reddish (bag) 







Clementines 


Pears 


Mixed nuts 


` Oranges 


Highcharts.com 


Highcharts 3D [5] 34 


132 


Highcharts WE Å 


Highcharts WE Pj 


IVE & BUS í NEA. 


BER MS $ la J $£ 7 Highcharts AE 35. E DR LR RE FR 
B Acie. 


Fig ie 
chart.type LE 
BOS chart DÉI type % 'gauge'. chart.type i T EX XÆ., ERU 48 "line". 


var chart = ( type: 'guage' }; 


pane BOS 


pane R iÉ HER Ri EA HS E nl ko ICE xt RTE 28. & x 34 A0 Fed BS EA 
3 Ax fly EP UË it RS Xx aler, 


var pane = { startAngle: -150, // XXX nem TG EX, MERIAN 


3:81 


XE : highcharts guage angular.htm 





<html> <head> <title>Highcharts Å | 34 HE (runoob.com)s/title: 
Me Sr 
NES Biss HAR» : 
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FJÆR 





Highcharts.com 


Highcharts NEZ Å 135 


Highcharts APERA jug [s 


DIT BERT E] TE GERT NEA. 


BERS $ la TT Highcharts ERE 35, E PR LR NRA TE 
B ROB, 


Fig ie 
chart.type iU É 
Ec É chart DÉI type % 'solidguage'. chart.type fxh T EX EH, ENES "line", 


var chart = ( type: 'solidguage' }; 


pane BOS 


pane Riå HER ir HS E JEN. IKE ESB Axa Aly EES EA 
3 Ax fly EP UË it RS Xx aler, 


var pane = { startAngle: -150, // XXX nem REX MERIA 


5 Pl 
M44 : highcharts guage solid.htm 





<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
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Highcharts F $P 


LUF BER T to 


BER MMS $ da f $£ 7 Highcharts RAAB. E PR LR RE FH 
B ROB, 


Bc É 
chart.type iU É 
BOS chart Å type % 'gauge'. chart.type Hi T pz XÆ., ERU 48 "line". 


var chart = ( type: 'gauge' }; 


pane BOS 


pane R iÉ HER Ri EA HS E nl ko ICE xt RTE 28. & x 34 A0 Fed BS EA 
3 Ax fly EP UË it RS Xx aler, 


var pane = { startAngle: -150, // XXX nem TG EX, MERIAN 
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X144 : highcharts guage clock.htm 





«html» <head> <title>Highcharts Mf | 32% A#(runoob.com)</title: 
* ESB J 
*/ function getNow() { var now = new Date(); return {hot 
* Pad numbers 
*/ function pad(number, length) { // Create an array of the ! 
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Highcharts at 44 138 


Highcharts å» 4 ÆR 


LIT ØVER I IH HÆR, 


BER MAS $ da J $£ 7 Highcharts ERE 35. E PR LR MI RE TE 
B ROB, 


Fig ie 
chart.type LE 
BOS chart Å type % 'gauge'. chart.type HØTT pz £ 8Ú, ERU 48 "line". 


var chart = ( type: 'gauge' }; 


pane BOS 


pane R iÉ HER Ri EA HS E nl ko ICE xt RTE 28. & x 34 A0 Fed BS EA 
3 Ax fly EP UË it RS Xx aler, 


var pane = { startAngle: -150, // XXX nem TG EX, MERIAN 
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Highcharts it + ER 140 


Highcharts E EX (VU Meter) 


WE & (B7 Bēk (VU Meter) , 

BERS $ la J #@ 5 Highcharts AE 35, HE PR LR NRA TFAM 
DUBOS. 

Bc É 


chart.type iU É 


Ec iÉ chart ÉS type 34 'gauge'. chart.type fxh T MAXX, BA 48 25 "line", 


var chart = ( type: 'gauge' }; 


pane BOS 


pane R iÉ HER Ri EA HS E nl ko ICE xt RTE 28. & x 34 A0 Fed BS EA 
3 Ax fly EP UË it RS Xx aler, 


var pane = { startAngle: -150, // XXX nem TG EX, MERIAN 
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<html> <head> <title>Highcharts Å | * &ZXfe(runoob.com)«/title: 
“LE D 
NES Biss HAR» : 
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Highcharts FÆR (VU Meter) 142 


Highcharts HX E (Treemap) 
AE % RGA ARMA Highcharts EI RR Elo 


FERNS eZ TART Highcharts LE Ek. FE PK 4139 P 
Highcharts FJ Hft EE. 


BLK 
series il É 
i&i& series DÉI type EIE» treemap , series.type Hawk T tieši x RU, ERI 48 Y 


var chart = ( type: 'treemap' }; 


3 Di 
XE : highcharts tree map.htm 

<html> <head> <title>Highcharts Å | 3 5 HE (runoob.com)s/title: 
st 
FRE 2k B TA B 
UTŠ 690668 FA 78 BB ia PRI EI RA Bo 





5 PI 
MEX : highcharts tree levels.htm (ÆR AH rx d; RIEA) 
<html> <head> <title>Highcharts Å | * S HE (runoob.com)s/title: 
s] : 
Mz E * 
ASS MAA 


DF MEET AKINIAI, BAX GIB adi" mix FAA, 
X F4 ` highcharts tree largemap.htm 





<html> <head> <title>Highcharts Tutorial</title> <script src="| 
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